import { Callout } from "nextra/components";

# Overrides

<Callout>
  The overrides API is highly experimental and is likely to experience breaking
  changes.
</Callout>

An object describing render functions to override the default Puck interface.

```tsx copy
const overrides = {
  header: () => <header>My header</header>,
};
```

## Available overrides

- [`actionBar`](overrides/action-bar): Override the action bar.
- [`componentOverlay`](overrides/component-overlay): Override the overlay shown on hover or selection of a component.
- [`drawer`](overrides/drawer): Override the component drawer.
- [`drawerItem`](overrides/drawer-item): Override an item within the component drawer.
- [`fields`](overrides/fields): Override the fields wrapper.
- [`fieldLabel`](overrides/field-label): Override the [field labels](/docs/api-reference/configuration/field-label).
- [`fieldTypes`](overrides/field-types): Override each [field type](/docs/api-reference/fields).
- [`header`](overrides/header): Override the header.
- [`headerActions`](overrides/header-actions): Override the header actions. Return a fragment so your items appear inline.
- [`iframe`](overrides/iframe): Override the root of the iframe. Useful for injecting styles.
- [`outline`](overrides/outline): Override the outline.
- [`preview`](overrides/preview): Override the drag-and-drop preview.
- [`puck`](overrides/puck): Override the Puck children. This is the equivalent of passing in [`children`](/docs/api-reference/components/puck#children) to the [`<Puck>`](/docs/api-reference/components/puck) component.
